<!DOCTYPE html>
<html lang="en">

<head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <link rel="stylesheet" type="text/css" href="./css/base.css">
        <link rel="stylesheet" type="text/css" href="./css/index.css">
        <title>华为手机</title>
    </head>
    
    <body>
        <header class="header">
            <div class="header_wrap">
                <div class="header_logo" >华为手机</div>
                 <nav class="header_nav">
                    <a href="javascript:;" class="header_nav-item
                    header_nav-item_status_active">首页</a>
                    <a href="javascript:;" class="header_nav-item">外观</a>
                    <a href="javascript:;" class="header_nav-item">配置</a>
                    <a href="javascript:;" class="header_nav-item">型号</a>
                    <a href="javascript:;" class="header_nav-item">说明</a>
                    <a href="javascript:;" class="header_nav-item">其他产品</a>
                    <a href="javascript:;" class="header_nav-item 
                        header_nav-item_custom_button">立即购买</a>
                 </nav>
                </div>
            </div>    
        </header>
        <div class="screen-2">
                <h2 class="screen-2__heading">优美的设计，更令人着迷</h2>
                <h3 class="screen-2__subheading">采用受欢迎的设计，让它更加出色。<br>
                款式小巧、轻便手感更舒适。绚丽高清的显示屏，整个外观显得格外精致。</h3>
              
                <div class="screen-2__phone">
              
                  <div class="screen-2__point screen-2__point_i_1">高清摄像</div>
                  <div class="screen-2__point screen-2__point_custom_right screen-2__point_i_2">超薄机身</div>
                  <div class="screen-2__point screen-2__point_custom_right screen-2__point_i_3">大屏显示</div>
              
                </div>

    
    </html>